import React, { Component } from 'react';

import './certify.less'
import Swiper from 'swiper/dist/js/swiper.js'
import 'swiper/dist/css/swiper.min.css'
import certify from '../../assets/img/certify01.png'

class SwiperCarousel extends Component{
  
  state = {
    
  }

  componentDidMount () {
    new Swiper('.swiper-container', {
      autoplay: true,
      loop: true,
      pagination : {
        el: '.swiper-pagination',
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  }

  render() {
    return (
      <div id="certify">
        <div className="swiper-container">
          <div className="swiper-wrapper">
            <div className="swiper-slide"><img src={certify} alt='img' /><p>1非常难得又值钱的认证证书</p></div>
            <div className="swiper-slide"><img src={certify} alt='img' /><p>2深圳市优秀互联网企业认定证书</p></div>
            <div className="swiper-slide"><img src={certify} alt='img' /><p>3质量管理体系认证荣誉证书</p></div>
            <div className="swiper-slide"><img src={certify} alt='img' /><p>4计算机软件著作权登记证书</p></div>
            <div className="swiper-slide"><img src={certify} alt='img' /><p>5增值电信业务经营许可证</p></div>
          </div>
        </div>
        <div className="swiper-pagination"></div>
        <div className="swiper-button-prev"></div>
        <div className="swiper-button-next"></div>
      </div>
    )
  }

}

export default SwiperCarousel;